<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="${basePath}">
<title>${param.title}</title>
<!-- 导入semantic的样式 -->
<link href="semantic/semantic.css" rel="stylesheet" type="text/css">
<link href="static/css/allot.css" rel="stylesheet" type="text/css">
<link href="static/css/teacher.css" rel="stylesheet" type="text/css">
<!-- jquery一定要在semantic之前导入 -->
<script src="static/js/jquery-1.12.4.js" type="text/javascript"></script>
<script src="semantic/semantic.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$('.menu .item').tab();
});
	
</script>
</head>
<body>
	<div class="gps">
		<a class="home" href="staff?method=forward">首页</a>
		<span> > </span>
		<a href="allot/manager">分配学员</a>
	</div>
	<div id="allottitle">${staffPo.staffName }的客户${staffPo.staffId }</div>
	<div id="hr"></div>
	<div id = "mypage">
	<div class="ui top attached tabular menu" id = "mystudent">
	<a class="active item" data-tab="first">我的学员</a>
	<a class="item" data-tab="second">协作学员</a> 
	</div>
	<div class="ui bottom attached active tab segment"  data-tab="first">
			<div class="ui cards" id="allstu">
			<c:forEach items="${allotList}" var="datas">
			<c:if test="${ datas.allotAgain ne 0}">
				<div class="card"  id=stu>
					<div class="content">
					<div class="header" id = "headers">
					<a href="allot/one?stuid=${datas.allotStudentId}&staffid=${staffPo.staffId}">${datas.allotStudentName}
					</a>
					<br/>
					<c:if test="${ datas.allotAgain <= 2 and datas.allotAgain >0}">
					还有<span class="ui red header">${datas.allotAgain}</span>天
					</c:if>
					<c:if test="${ datas.allotAgain > 2}">
					${datas.allotAgain}
					</c:if>
					</div>
					</div>
				</div>
				</c:if>
			</c:forEach>
				<c:forEach items="${allotList}" var="datas">
			<c:if test="${ datas.allotAgain eq 0}">
				<div class="card"  id=stu>
					<div class="content">
					<div class="header" id = "headers">
					<a href="allot/one?stuid=${datas.allotStudentId}&staffid=${staffPo.staffId}">${datas.allotStudentName}
					</a>
					<br/>
					</div>
					</div>
				</div>
				</c:if>
			</c:forEach>
		</div>
		</div>
	<div class="ui bottom attached tab segment" id = "mycoop" data-tab="second">
	<div class="ui cards" id="allstu">
			<c:forEach items="${cooperationList}" var="cooperationPo">
				<div class="card"  id=stu>
					<div class="content">
					<div class="header" id = "headers">
					<c:set var="cmethod" value="cooperation" />
					<a href="allot/one?cmethod=${cmethod}&stuid=${cooperationPo.cooprtationStudentid}&staffid=${staffPo.staffId}">${cooperationPo.cooperationStudentName}
					</a>
					</div>
					</div>
				</div>
			</c:forEach>
		</div>
	</div>
	</div>
</body>
</html>